
<!DOCTYPE html>

<html>
    <head>
        <title>littleware js Test Page</title>

        <link rel="stylesheet" href="http://yui.yahooapis.com/3.7.3/build/cssreset/cssreset.css" type="text/css" />
        <link rel="stylesheet" href="http://yui.yahooapis.com/3.7.3/build/cssbase/cssbase.css"  type="text/css" />
        <link rel="stylesheet" href="http://yui.yahooapis.com/3.7.3/build/cssfonts/cssfonts.css" type="text/css" />
        <link rel="stylesheet" href="http://yui.yahooapis.com/3.7.3/build/cssgrids/cssgrids.css" type="text/css" /> 

        <link rel="stylesheet" type="text/css" href="../../css/littleware/little.css" />
        <link rel="stylesheet" type="text/css" href="../../css/littleware/littleTree.css" />

        <style id="yuiInsertBeforeMe" type="text/css">
            body {
                margin: auto; /* center in viewport */
                width: 960px;
            }   
        </style>
    </head>
    <body>

        <div class="yui3-g">
            <div class="yui3-u-5-24">
                <div id="navTree" class="littleTree">
                    <h3>Tree</h3>

                    <ul class="littleTree">
                        <li>A</li>
                        <li>B
                            <ul class="littleTree littleTreeClosed">
                                <li>A</li>
                                <li>B</li>
                                <li>C</li>
                            </ul>
                        </li>
                        <li>C</li>
                        <li>D</li>
                    </ul>
                </div>

            </div>
            <div class="yui3-u-19-24">
                <h1>Hello World!</h1>

                <div id="testSuiteTree">

                </div>
            </div>
        </div>

        <script type="text/x-template" id="treeNodeTemplate">
            <div class="treeNode">
                <a class="treeToggle" href="#">[-]&nbsp;</a><span class="nodeLabel"></span>
                <ul class="littleTree nodeChildren">
                </ul>
            </div>
        </script>  

        <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-debug.js"></script>
        <script type="text/javascript" src="littleYUI.js" charset="utf-8"></script>

        <script>
    
            // Create a YUI sandbox on your page.
            //YUI().use(
            littleware.littleYUI.bootstrap().use( 
                'node', 'node-base', 'event', 'test', 'littleware-littleTree', 'littleware-littleUtil',
                function (Y) {
                    // The modules are loaded and ready to use.
                    // Your code goes here!
                    var log = new Y.littleware.littleUtil.Logger( "littleTreeTestSuite.html" );
                    var suite = Y.littleware.littleTree.buildTestSuite();
                    var utilSuite = Y.littleware.littleUtil.buildTestSuite();
                    
                    Y.Test.Runner.add( suite );
                    Y.Test.Runner.add( utilSuite );
                    Y.Test.Runner.run();                
            });

        </script>

    </body>
</html>
